<template>
    <div class="container">
        <my-table :data="data">
            <my-table-item prop="date" label="时间"></my-table-item>
            <my-table-item prop="name" label="姓名"></my-table-item>
            <my-table-item prop="address" label="地址"></my-table-item>
        </my-table>
    </div>
</template>

<script lang="ts" setup>
import { ref } from "vue"
import myTable from "../components/my-table.vue"
import myTableItem from "../components/my-table-item.vue";
const data = ref<Array<Object>>([
    {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 185, Grove St, Los Angeles',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 186, Grove St, Los Angeles',
    },
    {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 187, Grove St, Los Angeles',
    },
    {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 188, Grove St, Los Angeles',
    }
])
</script>

<style lang="scss" scoped>
.container {}
</style>